body {
  width: 100vw;
  margin: 0 auto;
  padding-top: 15.067vw;
  padding-bottom: 13.067vw;
}
.header {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 15.067vw;
  padding: 3.333vw 0;
  background-color: #fff;
}
.header .city {
  width: 17.6vw;
  padding-left: 4.133vw;
  line-height: 8.533vw;
  font-size: 3.2vw;
}
.header .search {
  position: relative;
  flex: 1;
}
.header .search i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4.267vw;
  font-size: 3.2vw;
  color: #919191;
}
.header .search input {
  width: 100%;
  height: 100%;
  padding-left: 10.4vw;
  background-color: #f7f7f7;
  border-radius: 4.267vw;
  font-size: 3.2vw;
}
.header .chat {
  width: 15.467vw;
  background: url("../images/header_news.png") no-repeat 6.667vw center;
  background-size: 4.8vw 4.8vw;
}
.banner {
  position: relative;
  height: 43.333vw;
  padding: 0.4vw 4vw 0;
}
.banner ol {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5.467vw;
  width: 9.733vw;
  height: 0.667vw;
}
.banner ol li {
  width: 1.6vw;
  height: 0.667vw;
  background-color: #dedede;
  border-radius: 0.267vw;
}
.banner ol li.active {
  width: 2.133vw;
  background-color: #303030;
}
.rentnav {
  display: flex;
  justify-content: space-between;
  height: 29.333vw;
  padding: 0 4vw;
}
.rentnav a {
  width: 44.533vw;
}
.discount {
  height: 92vw;
  padding: 0 4vw;
}
.discount .discount_title {
  display: flex;
  justify-content: space-between;
  height: 10.267vw;
  font-size: 4.8vw;
  line-height: 4.8vw;
}
.discount .discount_title a {
  width: 1.867vw;
  height: 3.467vw;
  margin-top: 0.933vw;
}
.discount .discount_content {
  display: flex;
  justify-content: space-between;
}
.discount .discount_content .item {
  width: 44.8vw;
}
.discount .discount_content .item .title {
  height: 5.733vw;
  margin-top: 3.333vw;
  font-size: 3.733vw;
}
.discount .discount_content .item .size {
  height: 5.733vw;
  color: #999999;
  font-size: 2.667vw;
}
.discount .discount_content .item .price {
  height: 11.333vw;
  color: #f39800;
  font-size: 3.2vw;
}
.recommend {
  padding: 0 4vw;
}
.recommend .recommend_title {
  display: flex;
  justify-content: space-between;
  height: 11.6vw;
  font-size: 4.8vw;
}
.recommend .recommend_title .category {
  display: flex;
  justify-content: space-between;
  width: 20vw;
  padding-top: 1.333vw;
  margin-right: 4.8vw;
}
.recommend .recommend_title .category a {
  position: relative;
  font-size: 3.467vw;
}
.recommend .recommend_title .category a.active {
  color: #000;
}
.recommend .recommend_title .category a.active::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4.133vw;
  width: 2.667vw;
  height: 0.8vw;
  background-color: #0d9eec;
  border-radius: 0.4vw;
}
.recommend .item {
  display: flex;
  justify-content: space-between;
  height: 30.4vw;
}
.recommend .item .item_img {
  width: 29.333vw;
}
.recommend .item .item_content {
  width: 58.133vw;
}
.recommend .item .item_content h3 {
  height: 5.467vw;
  font-size: 3.467vw;
}
.recommend .item .item_content .address {
  height: 5.067vw;
  color: #a5a5a5;
  font-size: 2.8vw;
}
.recommend .item .item_content .route {
  height: 4.667vw;
  color: #a5a5a5;
  font-size: 2.8vw;
}
.recommend .item .item_content .condition {
  display: flex;
  height: 6.4vw;
}
.recommend .item .item_content .condition span {
  width: 12vw;
  height: 4.267vw;
  border: 0.02rem solid #cfcfcf;
  margin-right: 2.933vw;
  border-radius: 0.667vw;
  color: #999999;
  font-size: 2.4vw;
  text-align: center;
  line-height: 4vw;
}
.recommend .item .item_content .price {
  color: #f49902;
  font-size: 2.667vw;
}
.recommend .item .item_content .price strong {
  font-size: 2.933vw;
}
.recommend .more {
  display: block;
  width: 69.333vw;
  height: 9.867vw;
  margin: 0 auto;
  margin-bottom: 6.267vw;
  background-color: #f2f2f3;
  color: #999999;
  font-size: 3.2vw;
  text-align: center;
  line-height: 9.867vw;
  border-radius: 4.933vw;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 13.067vw;
  background-color: #fff;
  box-shadow: 0 -0.08rem 0.12rem 0 #eee;
}
.footer ul {
  display: flex;
}
.footer ul li {
  flex: 1;
}
.footer ul li a {
  display: block;
  padding-top: 2vw;
}
.footer ul li a img {
  width: 4.933vw;
  margin: 0 auto;
}
.footer ul li a p {
  margin-top: 2.133vw;
  font-size: 2.4vw;
  text-align: center;
}
.footer ul li.active p {
  color: #000;
}
